    /* HEADER */
    .top-header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding: 8px 3% 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 48px
    }

    .left-logo, .top-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .left-logo {
        min-width: 0
    }

    .home-wap {
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        background: url(../images/logo.png) no-repeat 0 -3px;
        background-size: 50px;
        padding-left: 55px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ico-home-3fig4 {
        font-size: 18px
    }

    .title-1CVGh {
        font-size: 14px;
        color: #000;
        margin-left: 10px;
        color: #606060
    }

    .right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: 10px;
        min-width: 0
    }

    .bg-white .item-a46gw {
        color: #000
    }

    @media (max-width: 768px) {
        .top-header {
            padding-top: 0
        }

        .home-wap {
            height: 40px;
            line-height: 40px;
            background-size: 40px;
            padding-left: 45px;
            background-position: 0 -2px
        }
    }

      /* 头像样式 */
      .avatar-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        min-width: 0
    }

    .level {
        margin-right: 5px;
        display: inline-block;
        max-width: 180px;
        vertical-align: middle
    }

    .avatar-19brn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .img-1D5oC {
        height: 32px;
        width: 32px;
        border-radius: 16px;
        border: 2px solid #fff;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    @media (min-width: 1000px) {
        .img-1D5oC:hover {
            -webkit-transform: scale(1.4);
            transform: scale(1.4)
        }
    }

    .small-level-img-2LMOR {
        height: 18px;
        width: 18px;
        margin-left: -10px;
        margin-bottom: -3px
    }

    .menu-3lhIh {
        width: 250px;
        padding: 16px 0
    }

    .bottom-19N9y, .top-1qZ0D {
        padding: 0 20px
    }

    .level-info-13sbT {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .left-1TBRo, .level-info-13sbT {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .left-1TBRo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        min-width: 0
    }

    .name-container-13Y1C {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .name-190sa {
        display: inline-block;
        font-size: 16px;
        color: #333;
        line-height: 18px;
        font-weight: 700;
        vertical-align: middle;
        max-width: 125px
    }

    .text-sFFxF {
        font-size: 12px;
        color: #666;
        line-height: 14px
    }

    .buy-btn-r1-Di {
        background: #d4a84e;
        color: #fff;
        font-size: 14px;
        padding: 4px 10px;
        border-radius: 3px;
        cursor: pointer;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        outline: 0
    }

    .buy-btn-r1-Di:active, .buy-btn-r1-Di:hover {
        background: #c59127
    }

    .total-space-kobpa {
        font-size: 12px;
        margin: 12px 0 -4px
    }

    .level-img-34iVV {
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        margin-left: 5px
    }

    .level-name-2P2jo {
        margin-top: 7px;
        margin-bottom: 4px
    }

    .expire-time-q_Uso, .level-name-2P2jo {
        font-size: 12px;
        line-height: 16px
    }

    .menu-3lhIh .ant-divider {
        margin: 20px 0 6px
    }

    .vertical-divider-l0Jf2 {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6;
        border: 0;
        margin: 21px 0 2px
    }

    .list-item-3pbfm {
        display: block;
        cursor: pointer;
        color: #333;
        padding: 13px 0;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none
    }

    .list-item-3pbfm:hover {
        color: #1890ff
    }

    .avatar-popup .ant-popover-inner-content {
        padding: 0 !important
    }

    /* BODY */
    #root, body, html {
        margin: 0;
        padding: 0;
        height: 100%
    }

    html {
        font-size: 100px
    }

    body {
        font-family: \\5C0F\7C73\5170\4EAD, Helvetica Neue, Helvetica, Arial, PingFang SC, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        overflow: hidden
    }

    .ant-divider-vertical {
        margin: 0 15px !important
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        border: 0
    }

    .bg-blue {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#3766d5), to(#1851d7));
        background-image: linear-gradient(0deg, #3766d5, #1851d7);
        background-color: #3766d5;
        color: #fff
    }

    .bg-white {
        background-color: #fff;
        color: #000
    }

    .ims {
        height: 100%;
        width: 100%
    }

    .ko-warning .ant-modal-body {
        text-align: center;
        padding: 75px 88px;
        font-size: 16px
    }

    .ko-warning .ant-modal-close {
        color: #4d4d4d
    }

    .ko-warning .ant-modal-close-x {
        font-size: 20px !important
    }

    .ko-warning .ko-text {
        font-size: 16px;
        line-height: 22px
    }

    .ko-warning .ko-button {
        background-color: #3af;
        color: #fff;
        border-radius: 3px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0 20px;
        margin-top: 30px;
        outline: 0;
        cursor: pointer
    }

    .ko-warning .ko-button:active, .ko-warning .ko-button:hover {
        opacity: .9
    }

    .divider-2Z22e {
        display: inline-block;
        height: 12px;
        width: 1px;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        list-style: none;
        background: hsla(0, 0%, 100%, .6);
        margin: 0 15px
    }

    .bg-white .divider-2Z22e {
        background: rgba(0, 0, 0, .6)
    }

    /* MAIN */
    .home {
        width: 100%;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #1d53d6
    }

    .home, .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin: 0 auto;
        width: 94%;
        overflow-y: auto;
        margin-top: 40px
    }

    .center-3tXZi {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        width: 33%
    }

    .list-img {
        display: block;
        width: 70px;
        height: 70px
    }

    .list-title {
        margin-top: 18px;
        color: #fff;
        font-size: 2.24px;
        font-size: .14rem;
        line-height: 2.56px;
        line-height: .16rem;
        width: 90%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center
    }

    .lang-2Xbw9 {
        padding-left: 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media only screen and (min-width: 700px) {
        .list-img {
            height: 88px;
            width: 88px
        }

        .list {
            padding-top: 50px
        }

        .list-item {
            width: 25%;
            margin-bottom: 50px
        }
    }

    .hidden-iframe-cpBMi {
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        border: none
    }